<li :class="{'treeview' : model.children, 'active': model.active}">
    <a @click="clickMe()" v-link="{ path: model.url }">
        <i class="fa" :class="[model.icon, model.class, { 'fa-circle-o' : !model.icon}]"></i>
        <span> {{ model.name }} </span>
        <span v-if="model.children" class="pull-right-container">
            <i class="fa fa-angle-left pull-right"></i>
        </span>
    </a>

    <ul v-if="model.children" v-show="model.active" class="treeview-menu">
        <main-side-bar-menu v-for="menu in model.children" :model="menu"></main-side-bar-menu>
    </ul>
</li>
